<template>
  <div>
    <div class="top">
    	<div class="top-left">
        <img src="../assets/image/blm.png"/>
    	</div>
    	<div class="top-center">
    		<Menu mode="horizontal" :theme="theme1" active-name="1">
    			<MenuItem name="1">
    			首页
    			</MenuItem>
    			<MenuItem name="2">
    			班级
    			</MenuItem>
    			<MenuItem name="3">
    			考试
    			</MenuItem>
    			<MenuItem name="4">
    			课程
    			</MenuItem>
    			<MenuItem name="5">
    			题库
    			</MenuItem>
    			<MenuItem name="6">
    			上课
    			</MenuItem>
    			<MenuItem name="7">
    			进度计划模板
    			</MenuItem>
    			<MenuItem name="8">
    			进度计划管理
    			</MenuItem>
    		</Menu>
    	</div>
    	<div class="top-right">
    		<div class="top-right-img">
          <img src="../assets/image/kn.png"/>
    		</div>
    		<div class="top-right-content">
    			<Dropdown style="margin-left: 20px">
    				<Button type="primary">
    					皮祉鉴
    					<Icon type="ios-arrow-down"></Icon>
    				</Button>
    				<DropdownMenu slot="list">
    					<DropdownItem>退出登录</DropdownItem>
    				</DropdownMenu>
    			</Dropdown>
    		</div>
    	</div>
    </div>
<!--    <div>
      <Input class="selclass" placeholder="请输入筛选的班级名称"></Input>
      <Input class="selname" placeholder="请输入筛选的教学进度计划名称"></Input>
      <Input class="testname" placeholder="请输入筛选的考试名称"></Input>
    </div>
    <div>
      <Button></Button>
    </div> -->
    <div class="center">
    			<div class="center-top">
    				<Input v-model="value" placeholder="请输入筛选的班级名称" style="width:10.875rem" />
    				<Input v-model="value" placeholder="请输入筛选的教学进度计划名称" style="width:10.875rem" />
    				<Input v-model="value" placeholder="请输入筛选的考试名称" style="width:10.875rem" />
    				<Button type="primary">
    					<Icon type="ios-search" />搜索</Button>
    				<Button type="primary">
    					<Icon type="ios-add" />添加考试</Button>
    			</div>
    			<div class="tubiao">
    				<i class="ivu-icon ivu-icon-ios-pricetag-outline" style="font-size: 26px; cursor: pointer;"></i>
    			</div>
    			<div class="aaa">
    				<div class="ivu-divider ivu-divider-horizontal ivu-divider-default ivu-divider-with-text-left" inner="true">
    					<span class="ivu-divider-inner-text">数据列表</span></div>
    			</div>
    			<div class="table">
    				<Table width="1150" border :columns="columns2" :data="data3"></Table>
    			</div>
    			<div class="bottom">
    				<div class="bottom-text">点击图标&nbsp;<i class="ivu-icon ivu-icon-ios-pricetag-outline"></i>&nbsp;可以进行表格的表头的显示隐藏操作，记录操作到本地</div>
    				<div class="page">
    					 <Page :total="20" show-total show-sizer show-elevator />
    				</div>
    			</div>
    		</div>

  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  components: {
  },
  mounted () {
  },
  methods: {
  }
}
</script>

<style scoped="scoped">
  @import url("../assets/css/test.css");
</style>
